@import "../common/_functions.scss";
@import "../common/_variables.scss";
body{
	background: $_eee;
	padding-bottom: pxToRem(140px);   
}
.order-info{
	background: $_fff;
	border-top: 1px solid $_c8c8cc;
	border-bottom: 1px solid $_c8c8cc;
	padding: pxToRem(24px) pxToRem(30px);
	font-size: pxToRem(28px);
	color: $_333;
	position: relative;
	p{
	  line-height: pxToRem(50px); 
	}
	.complete{
		position: absolute;
		top: pxToRem(30px);;
		right: pxToRem(30px);
	}
	.blue{
	   color: $_0093ff;	
	}
	.red{
	   color: $_e60012;	
	}   
}
//地址
.delivery{
    background: $_fff;
	border-top: 1px solid $_c8c8cc;
	border-bottom: 1px solid $_c8c8cc;
	padding: pxToRem(24px) pxToRem(30px) pxToRem(24px) pxToRem(90px);
	font-size: pxToRem(28px);
	margin-top: pxToRem(20px);
	position: relative; 
	.express-icon{
	   width: pxToRem(52px);
	   height: pxToRem(40px);
	   background: url(../../img/express-icon.png) no-repeat;
	   background-size: pxToRem(52px) pxToRem(40px);
	   position: absolute;
	   top: pxToRem(30px);
	   left: pxToRem(30px);
	}
	p{
		line-height: pxToRem(52px); 
	}
	.icon-enter{
      position: absolute;	
      right: pxToRem(40px);
      top: pxToRem(80px);
    }
	.icon-enter:after{
		position: absolute;
		content: "";
		width: pxToRem(20px);
		height: pxToRem(20px);
		border-top: pxToRem(4px) solid $_666;
		border-left: pxToRem(4px) solid $_666;
		top: 50%;
		left: 55%;
		transform: translate3d(-50%,-50%,0) rotate(-226deg);
		-ms-transform: translate3d(-50%,-50%,0) rotate(-226deg);	/* IE 9 */
		-webkit-transform: translate3d(-50%,-50%,0) rotate(-226deg);/* Safari and Chrome */
		-o-transform: translate3d(-50%,-50%,0) rotate(-226deg);/* Opera */
		-moz-transform: translate3d(-50%,-50%,0) rotate(-226deg);
	}     	
}
.rec_info {
	background: $_fff; 
    border-top: 1px solid $_c8c8cc;
	border-bottom: 1px solid $_c8c8cc;
	padding: pxToRem(24px) pxToRem(70px);
	margin-top: pxToRem(20px);
	overflow: hidden;
	.address{
		position: relative;
	}
	.address:after{
		position: absolute;
		content: "";
		width: pxToRem(22px);
		height: pxToRem(28px);
		background: url(../../img/orderAdress.png) no-repeat;
		background-size: pxToRem(22px) pxToRem(28px);
		top: pxToRem(5px);
		left: pxToRem(-40px);
	}
}

.rec_info li:first-child{
	margin-top: 0;
}
.rec_info li{
	line-height: pxToRem(42px);
	font-size: initial;
	margin-top: pxToRem(7px);
}

.rec_info_tit {
	color: #666;
	width: pxToRem(100px);
	float: left;
	overflow: hidden;
	position: relative;
	font-size: pxToRem(24px);  
}
.rec_info_content{
	margin-left: pxToRem(110px);
	.rec_label
	{
		vertical-align: baseline;
		color: #333;
		margin-right: pxToRem(40px);
		font-size: pxToRem(30px); 
	}
	.rec_info_phone
	{
		margin-right: pxToRem(30px);
	}
	.rec_info_addr{
		color: #333;
		font-size: pxToRem(28px); 
	}
}

